<template>
    <div>
        <Transition enter-active-class="animate__animated animate__bounceIn" leave-active-class="animate__animated animate__bounceOut" mode="out-in">
           
            <div  v-if="show"> hello world</div>
            <div  v-else="show"> hello world222</div>
        </Transition>
    </div>
    <button  @click="show=!show">添加</button>
</template>

<script>
import 'animate.css'
export default {
    data() {
        return {
            show: true,
        }
    },
}
</script>
